<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> 
<html class="no-js" lang="en"><!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Charles Ryan Associates - One-Three Layout</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1" /> 
    <link rel="dns-prefetch" href="//ajax.googleapis.com" />
    <link href='http://fonts.googleapis.com/css?family=Gudea:400,700' rel='stylesheet' type='text/css' />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
      <link href="/assets/screen.css" rel="stylesheet" media="screen" />
    <!--[if lt IE 9]>
        <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <style type="text/css" media="screen">
            #wrapper{ min-width:960px; }
            #logo{ background-image:url('/assets/logo.png'); }
        </style>
    <![endif]-->
    <script type="text/javascript" charset="utf-8">
    //<![CDATA[
        $(function(){
            $('.no-js').removeClass('no-js');
        });
    //]]>
    </script>
</head>
<body id="one_three">
    <div id="wrapper">
        <header id="heading">
            <a id="logo" href="/">Return Home</a>
            <nav id="main_navigation">
                <h3>Navigate</h3>
                <ul class="inline-list no-js">
                    <li>
                        <a href="/">Who We Are</a>
                        <ul>
                            <li><a href="/half">Sub-Nav One</a></li>
                            <li><a href="#">Sub-Nav Item Two</a></li>
                            <li><a href="#">Sub-Nav 3</a></li>
                            <li><a href="#">Fourth Sub-Nav</a></li>
                        </ul>
                    </li>
                    <li>
                        <a href="/portfolio">Our Work</a>
                    </li>
                    <li>
                        <a href="/portfolio">Our Team</a>
                    </li>
                    <li>
                        <a href="/news">News</a>
                    </li>
                    <li>
                        <a href="/contact">Contact</a>
                    </li>
                    <li>
                        <a href="/login">Client Login</a>
                    </li>
                </ul>
            </nav>
        </header>
        <div id="main" role="main" class="one-three">
            
<aside id='banner'>
	<h4 class='caps'>This Page Is One and Three.</h4>
	<img alt="one-three.jpg" src="/assets/banners/one-three.jpg" />
</aside>
<div class="left" style="height:100px; background:#eee;">
	
</div>
<div class="right">
	<h1 class="subhead">Suspendisse quis sem vel nulla ultrices</h1>
	<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris et semper ipsum. Suspendisse vitae metus purus, in eleifend nulla. Nulla facilisi. Aenean tincidunt egestas dui. Donec porttitor rhoncus ipsum et rhoncus. Nulla orci enim, euismod sed iaculis sit amet, aliquam ut nunc. Phasellus at eros vitae risus molestie aliquet sit amet non ipsum. Phasellus egestas justo metus. Cras placerat sem quis quam rutrum tempor. Nunc accumsan tempus quam, quis dictum ligula auctor ac. Integer elementum lobortis felis at iaculis. Quisque sodales, est a accumsan viverra, nisi elit rhoncus ipsum, sed tincidunt libero velit id diam.</p>
	<p>Suspendisse placerat placerat libero non vehicula. Phasellus lacus nisi, commodo sit amet vulputate vitae, imperdiet in magna. Ut ut lobortis velit. Etiam gravida lacus sit amet velit eleifend euismod. In quis tempus arcu. Suspendisse quis sem vel nulla ultrices dapibus et tempor ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque non arcu eu lectus pellentesque adipiscing eget bibendum lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus est turpis, lacinia vel iaculis id, dignissim ac ante. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer tempor sapien et nisi sagittis sed commodo orci dapibus. Donec sit amet nisi sit amet neque euismod suscipit. Duis blandit porta vestibulum.</p>
</div>
        </div>
        <footer id="footer">
            <nav>
                <ul class='inline-list'>
                    <li><a href="#">Link</a></li>
                    <li><a href="#">Contact</a></li>
                    <li><a href="#">Facebook</a></li>
                    <li><a href="#">Twitter</a></li>
                </ul>
            </nav>
            <p class="copyright"><span>&copy;</span>2012 Charles Ryan Associates, LLC. All Rights Reserved.</p>
        </footer>
    </div>    
    <script src="/assets/site.js"></script>
    <!-- <script>
        // Replace UA-XXXXX-X with the proper analytics code
        var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
        (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
        g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
        s.parentNode.insertBefore(g,s)}(document,'script'));
    </script> -->
</body>
</html>
